<template>
  <div class="dislog-box">
    <div class="filter-container">
      <el-form :inline="true" class="demo-form-inline" label-position="left">
        <el-form-item label="目标名称" label-width="90px" style="margin-bottom: 0;">
          <el-input v-model="name" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item style="margin-bottom: 0;">
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </div>
    <el-table ref="singleTable" :data="childrenList" highlight-current-row @current-change="handleCurrentChange" :show-header="false"
      height="450" style="width: 100%">
      <el-table-column property="subName" label="选择目标">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
import { getChildrenMb } from '@/api/api'
export default {
  data() {
    return {
      childrenList: [
        { subName: '打造二次开发团队，组织部门内具备开发能力及意愿的人员创建二次开发团队，增强部门内部自研与开发能力，并做好外部对接.' },
        { subName: '建成DICT系统长期运营维护机制。提升系统问题解决效率，达成事不过夜的目标，提升用户体验，需求实现、问题解决情况及时跟进、测试、反馈。' },
        { subName: '完成ICT业务全量纳管。运用AI能力赋能生产经营和风险防控，提升项目规范稽核、风险管控、效益计算、运营分析、业财融合等能力，融入CT业务纳管方案，实现全量CT产品纳管。' },
        { subName: '完成ICT项目全量纳管。建设工作台（融合健康度8率等项目重点考核指标一张表做展示），同时聚焦收入计划、实际出账等关键指标，常态化开展数据治理工作，达成数据一致性100%、准确性100%、完整性100%。中标ICT项目100%进系统。' },
        { subName: '牵头打造部门和科室的制度、流程、模板工作体系，以高标准制度明确业务基本原则，以高效能流程模板促进提质增效。按时完成ICT业务和数字政府相关管理细则发布，输出并做好项目管理办公室主责的财务管理、风险管理、条块结合管理流程、模板，落实公司制度流程管理要求。' },
        { subName: '打造二次开发团队，组织部门内具备开发能力及意愿的人员创建二次开发团队，增强部门内部自研与开发能力，并做好外部对接.' },
        { subName: '建成DICT系统长期运营维护机制。提升系统问题解决效率，达成事不过夜的目标，提升用户体验，需求实现、问题解决情况及时跟进、测试、反馈。' },
        { subName: '完成ICT业务全量纳管。运用AI能力赋能生产经营和风险防控，提升项目规范稽核、风险管控、效益计算、运营分析、业财融合等能力，融入CT业务纳管方案，实现全量CT产品纳管。' },
        { subName: '完成ICT项目全量纳管。建设工作台（融合健康度8率等项目重点考核指标一张表做展示），同时聚焦收入计划、实际出账等关键指标，常态化开展数据治理工作，达成数据一致性100%、准确性100%、完整性100%。中标ICT项目100%进系统。' },
        { subName: '牵头打造部门和科室的制度、流程、模板工作体系，以高标准制度明确业务基本原则，以高效能流程模板促进提质增效。按时完成ICT业务和数字政府相关管理细则发布，输出并做好项目管理办公室主责的财务管理、风险管理、条块结合管理流程、模板，落实公司制度流程管理要求。' },
      ],
      currentRow: null,
      name: ''
    }
  },
  created() {
    this.getChildren()
  },
  methods: {
    getChildren(subName) {
      getChildrenMb({ taskType: '10', subName }).then(res => {
        this.childrenList = res || []
      })
    },
    setCurrent(row) {
      this.$refs.singleTable.setCurrentRow(row);
    },
    handleCurrentChange(val) {
      this.currentRow = val;
    }
  }
}
</script>
<style lang="scss" scoped>
.dislog-box {
  // width: 100%;
  // height: 100%;
  background: #fff;
  position: relative;
  top: -30px;
  // left: 0;
  // z-index: 999;
}
</style>